<!--
 * @Author: 张升 1562821455@qq.com
 * @Date: 2023-06-20 15:48:35
 * @LastEditors: 张升 1562821455@qq.com
 * @LastEditTime: 2023-10-18 17:46:34
 * @FilePath: \vue2-demo\src\pages\homes\components\header.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div id="home-header">
        <el-card class="box-card">
            <div slot="header" class="clearfix">
                <span>头部</span>
                <el-button style="float: right; padding: 3px 0" type="text" @click="modalTip">提示</el-button>
            </div>
            <div v-for=" item in list" :key="item.id" class="text item">
                {{ item.value }}
            </div>
        </el-card>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                list: [
                    {
                        id: '001',
                        value: '李白',
                    },
                    {
                        id: '002',
                        value: '单图',
                    },
                    {
                        id: '003',
                        value: '娜可露露',
                    }
                ],
            }
        },
        methods: {
            modalTip(){
                this.$Message.info({
                    title: '提示',
                    content: 'dshdhsj',
                    btnTextLeft: '取消',
                    btnTextRight: '你麻痹',
                });
            },
        },
    }
</script>